<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta name="format-detection" content="telephone=no">
	<meta name="wap-font-scale" content="no">

	<title>Abslute</title>
	<link rel="stylesheet" type="text/css" href="css/abslute.css" />
</head>

<body>
	<div>
		<input type="button" value="Sub" id="btn1"><input type="button" value="Add" id="btn2">
	</div>
	<div id="content">
		asdlfd;asfda
	</div>

	<script src="//page.iju.cn/js/app/app.js"></script>
	<script>
		var content = document.getElementById('content');
		var value = 600;

		function compatibleEventCreate() {
			var element, ev, event;
			if (document.createEvent) {
				ev = document.createEvent('Event');
				ev.initEvent('resize', true, true);
				return window.dispatchEvent(ev);
			} else {
				element = document.documentElement;
				event = document.createEventObject();
				return element.fireEvent('onresize', event);
			}
		}

		document.getElementById('btn1').onclick = function () {
			value -= 100;
			content.style.height = value + 'px';
			$b('resize').p({ height: document.body.getBoundingClientRect().height }).c();
		}

		document.getElementById('btn2').onclick = function () {
			value += 100;
			content.style.height = value + 'px';
			$b('resize').p({ height: document.body.getBoundingClientRect().height }).c();
		}
	</script>
</body>

</html>